@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
body{ font-size:12px; font-family:"微软雅黑"; color:#525252; background:#fff;}
a { text-decoration:none;  outline:none; transition:all 0.2s; } 
a:focus{outline:none;}

@font-face{ font-family:'ying'; src:url('../fonts/MONT.TTF');}

a:hover{ text-decoration:none; }

img{ border:0;}
table{ margin:auto;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
/*定义新型浏览器特性*/
::-webkit-scrollbar{width:3px;height:10px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#fff}
::-webkit-scrollbar-thumb:vertical{background-color:#999;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#333}
::-webkit-scrollbar-corner:vertical{background-color:#666}
::-webkit-scrollbar-resizer:vertical{background-color:#666;}

.clear{ width:100%; height:0; font-size:0; line-height:0; clear:both;}

.loading{  position: fixed; top:0; z-index:9999; width:0px; background-color:#0a489c; height:5px;}


.n_big{ width:100%; height:500px;}

.news{ width:1600px; height:auto; overflow:hidden; margin:auto; margin-top:40px;}
.news_tit{ width:100%; text-align:center; font-size:26px; color:#000; height:90px; line-height:90px;margin-bottom: 40px;}
.news_mune{ width:100%; text-align:center;}


.news_list{ width:100%; height:auto; overflow:hidden;}
.news_list ul li{ width:100%; height:484px; list-style:none; margin-top:58px;}
.news_list ul li a{ display:block; width:100%; height:483px; border-bottom:1px solid #e5e5e5;-webkit-transition: all 0.4s ease-in-out;}

.news_list ul li a:hover .news_img{ margin-left:15px;}
.news_list ul li a:hover .news_img img{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.news_list ul li a:hover .news_right{ margin-right:15px;}
.news_list ul li a:hover .news_1{ color:#004f9c;}
.news_list ul li a:hover .news_4{ color:#004f9c; background-color:#fff;}


.news_img{ float:left; width:765px; height:418px; overflow:hidden;-webkit-transition: all 0.4s ease-in-out;}
.news_img img{ width:765px; height:418px;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}

.news_right{ float:right; height:418px; width:720px;-webkit-transition: all 0.4s ease-in-out;}
.news_1{ width:100%; font-size:28px; color:#000; height:96px; line-height:48px; overflow:hidden; margin-top:-10px;-webkit-transition: all 0.4s ease-in-out;}
.news_2{ width:100%; font-size:16px; color:rgba(0,0,0,0.6); height:40px; line-height:40px; margin-top:25px;}
.news_3{ width:100%; font-size:16px; color:rgba(0,0,0,0.6); height:96px; overflow:hidden; line-height:32px; margin-top:24px;}
.news_4{ font-size:14px; color:#fff; text-align:center; margin:auto; margin-top:58px; width:150px; height:43px; line-height:43px; border:1px solid #054fa2; background-color:#054fa2;-webkit-transition: all 0.4s ease-in-out;}


@media screen and (max-width:1917px)and (min-width:1597px){
	/*新闻中心*/
	.n_big{ width:100%; height:437px;}
	.n_big_1{ width:1400px; margin:auto; font-size:33px; color:#fff; height:60px; line-height:60px; padding-top:145px;}
	.n_big_2{ width:1400px; margin:auto; font-size:19px; color:#fff; height:55px; line-height:55px;}

	.news{ width:1400px; height:auto; overflow:hidden; margin:auto; margin-top:35px;}
	.news_tit{ width:100%; text-align:center; font-size:23px; color:#000; height:80px; line-height:80px;}
	/* .news_mune a{ font-size:16px; padding:0px 30px; height:36px; line-height:36px;} */

	.news_list ul li{ width:100%; height:421px; list-style:none; margin-top:56px;}
	.news_list ul li a{ height:420px;}
	
	.news_right{ height:365px; width:635px;}
	.news_1{ font-size:24px; height:84px; line-height:42px; margin-top:-10px;}
	.news_2{ font-size:14px; height:40px; line-height:40px; margin-top:20px;}
	.news_3{ font-size:14px; height:84px; overflow:hidden; line-height:28px; margin-top:20px;}
	.news_4{ font-size:14px; color:#fff; text-align:center; margin:auto; margin-top:58px; width:130px; height:36px; line-height:36px;}
	
	.page { margin-top:45px; padding-bottom:57px;}
	
}

@media screen and (max-width:1596px)and (min-width:1437px){
	/*新闻中心*/
	.n_big{ width:100%; height:375px;}
	.n_big_1{ width:1200px; margin:auto; font-size:28px; color:#fff; height:50px; line-height:50px; padding-top:125px;}
	.n_big_2{ width:1200px; margin:auto; font-size:16px; color:#fff; height:50px; line-height:50px;}

	.news{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:30px;}
	.news_tit{ width:100%; text-align:center; font-size:20px; color:#000; height:68px; line-height:68px;}
	/* .news_mune a{ font-size:14px; padding:0px 25px; height:32px; line-height:32px;} */

	.news_list ul li{ width:100%; height:362px; list-style:none; margin-top:49px;}
	.news_list ul li a{ height:361px;}
	
	.news_right{ height:313px; width:550px;}
	.news_1{ font-size:21px; height:72px; line-height:36px; margin-top:-10px;}
	.news_2{ font-size:12px; height:36px; line-height:36px; margin-top:18px;}
	.news_3{ font-size:12px; height:72px; overflow:hidden; line-height:24px; margin-top:17px;}
	.news_4{ font-size:12px; color:#fff; text-align:center; margin:auto; margin-top:58px; width:110px; height:32px; line-height:32px;}
	
	.page { margin-top:35px; padding-bottom:47px;}
}

@media screen and (max-width:1436px)and (min-width:1277px){
	
	/*新闻中心*/
	.n_big{ width:100%; height:345px;}
	.n_big_1{ width:1100px; margin:auto; font-size:26px; color:#fff; height:50px; line-height:50px; padding-top:115px;}
	.n_big_2{ width:1100px; margin:auto; font-size:15px; color:#fff; height:45px; line-height:45px;}

	.news{ width:1100px; height:auto; overflow:hidden; margin:auto; margin-top:30px;}
	.news_tit{ width:100%; text-align:center; font-size:18px; color:#000; height:60px; line-height:60px;}
	/* .news_mune a{ font-size:14px; padding:0px 25px; height:32px; line-height:32px;} */

	.news_list ul li{ width:100%; height:333px; list-style:none; margin-top:43px;}
	.news_list ul li a{ height:332px;}
	
	.news_right{ height:287px; width:505px;}
	.news_1{ font-size:19px; height:66px; line-height:33px; margin-top:-10px;}
	.news_2{ font-size:12px; height:36px; line-height:36px; margin-top:15px;}
	.news_3{ font-size:12px; height:72px; overflow:hidden; line-height:24px; margin-top:17px;}
	.news_4{ font-size:12px; color:#fff; text-align:center; margin:auto; margin-top:50px; width:110px; height:32px; line-height:32px;}
	
	.page { margin-top:25px; padding-bottom:37px;}
    .page_list{ font-size:12px;}
	
}

@media screen and (max-width:1276px)and (min-width:300px){
	/*新闻中心*/
	.n_big{ width:100%; height:200px;}
	.n_big_1{ width:96%; margin:auto; font-size:18px; color:#fff; height:30px; line-height:30px; padding-top:70px;}
	.n_big_2{ width:96%; margin:auto; font-size:14px; color:#fff; height:30px; line-height:30px;}

	.news{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:20px;}
	.news_tit{ font-size:16px; color:#000; height:30px; line-height:30px;}
	.news_mune{ width:100%; text-align:center; margin-top:10px;}
	/* .news_mune a{ display:inline-block; cursor:pointer; font-size:14px;  padding:0px 15px; height:30px; line-height:30px;} */
	
	.news_list{ width:100%; height:auto; overflow:hidden;}
	.news_list ul li{ width:100%; height:100%; list-style:none; margin-top:20px;}
	.news_list ul li a{ display:block; width:100%; height:100%; padding-bottom:15px;}
	.news_list ul li a:hover .news_img{ margin-left:0px;}
	.news_list ul li a:hover .news_right{ margin-right:0px;}
	
	.news_img{ float:none;}
	
	
	.news_right{ float:none; height: auto; overflow:hidden; width:100%; margin-top:15px;}
	.news_1{ width:100%; font-size:16px; color:#000; height:48px; line-height:24px; overflow:hidden; margin-top:0px;}
	.news_2{ width:100%; font-size:12px; height:30px; line-height:30px; margin-top:5px;}
	.news_3{ width:100%; font-size:12px; height:63px; overflow:hidden; line-height:21px; margin-top:14px;}
	.news_4{ font-size:14px; color:#fff; text-align:center; margin:auto; margin-top:18px; width:120px; height:33px; line-height:33px;}

	.page { margin-top:15px; padding-bottom:27px;}
	.page_list{ font-size:12px;}
}

.custom-btn {
	width: 130px;
	height: 40px;
	color: #fff;
	border-radius: 5px;
	padding: 10px 25px;
	font-family: 'Lato', sans-serif;
	font-weight: 500;
	background: transparent;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	display: inline-block;
	 box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
	 7px 7px 20px 0px rgba(0,0,0,.1),
	 4px 4px 5px 0px rgba(0,0,0,.1);
	outline: none;
  }
  
	.btn-10 {
		background: rgb(182, 172, 31);
	  	background: linear-gradient(0deg, rgb(65, 32, 143) 0%, rgb(144, 212, 33) 100%);
		color: #fff;
		border: none;
		transition: all 0.3s ease;
		overflow: hidden;
	  }
	  .btn-10:after {
		position: absolute;
		content: " ";
		top: 0;
		left: 0;
		z-index: -1;
		width: 100%;
		height: 100%;
		transition: all 0.3s ease;
		-webkit-transform: scale(.1);
		transform: scale(.1);
	  }
	  .btn-10:hover {
		color: #fff;
		border: none;
		background: transparent;
	  }
	  .btn-10:hover:after {
		background: rgb(0,3,255);
	  	background: linear-gradient(0deg, rgb(149, 214, 192) 0%,  rgb(10, 228, 137)100%);
		-webkit-transform: scale(1);
		transform: scale(1);
	  }
	  .news_mune > a{
		  display: inline-block;
		  padding: 0 30px;
	  }

      /* bg */
.bg{
    margin-bottom: 0px;
      margin-top: 0px;
      padding-bottom: 15px;
      padding-top: 15px;
      background-color: #f1f1f1;
      height: 40px;
  }
  .bg a{
    color: #93979a;
  }
  
  .bg1{
    width: 100%;
      /* float: left; */
      overflow: hidden;
      display: inline-block;
      position: relative;
      top: auto;
      left: auto;
      padding-top: 11px;
      padding-left: 30px;
      font-size: 15px;
  }
  
  .btn-11 {
    background: rgb(13, 15, 170);
      background: linear-gradient(0deg, rgb(41, 150, 14) 0%, rgb(25, 192, 19) 100%);
    color: #fff;
    border: none;
    transition: all 0.3s ease;
    overflow: hidden;
  }
  .btn-11:after {
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease;
    -webkit-transform: scale(.1);
    transform: scale(.1);
  }
  .btn-11:hover {
    color: #fff;
    border: none;
    background: transparent;
  }
  .btn-11:hover:after {
    background: rgb(0,3,255);
      background: linear-gradient(0deg, rgb(149, 214, 192) 0%,  rgb(10, 228, 137)100%);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  .news_mune > a{
      display: inline-block;
      padding: 20px 30px;
  }

  .btn-9 {
	border: none;
	transition: all 0.3s ease;
	overflow: hidden;
  }
  .btn-9:after {
	position: absolute;
	content: " ";
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	 background-color: #1fd1f9;
  background-image: linear-gradient(315deg, #1fd1f9 0%, #b621fe 74%);
	transition: all 0.3s ease;
  }
  .btn-9:hover {
	background: transparent;
	box-shadow:  4px 4px 6px 0 rgba(255,255,255,.5),
				-4px -4px 6px 0 rgba(116, 125, 136, .2), 
	  inset -4px -4px 6px 0 rgba(255,255,255,.5),
	  inset 4px 4px 6px 0 rgba(116, 125, 136, .3);
	color: #fff;
  }
  .btn-9:hover:after {
	-webkit-transform: scale(2) rotate(180deg);
	transform: scale(2) rotate(180deg);
	box-shadow:  4px 4px 6px 0 rgba(255,255,255,.5),
				-4px -4px 6px 0 rgba(116, 125, 136, .2), 
	  inset -4px -4px 6px 0 rgba(255,255,255,.5),
	  inset 4px 4px 6px 0 rgba(116, 125, 136, .3);
  }


/* 12 */
.btn-12{
	position: relative;
	right: 20px;
	bottom: 20px;
	border:none;
	box-shadow: none;
	width: 130px;
	height: 40px;
	line-height: 42px;
	-webkit-perspective: 230px;
	perspective: 230px;
  }
  .btn-12 span {
	background: rgb(0,172,238);
  	background: linear-gradient(0deg, rgba(0,172,238,1) 0%, rgba(2,126,251,1) 100%);
	display: block;
	position: absolute;
	width: 130px;
	height: 40px;
	box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
	 7px 7px 20px 0px rgba(0,0,0,.1),
	 4px 4px 5px 0px rgba(0,0,0,.1);
	border-radius: 5px;
	margin:0;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
  }
  .btn-12 span:nth-child(1) {
	box-shadow:
	 -7px -7px 20px 0px #fff9,
	 -4px -4px 5px 0px #fff9,
	 7px 7px 20px 0px #0002,
	 4px 4px 5px 0px #0001;
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 50% 50% -20px;
	-moz-transform-origin: 50% 50% -20px;
	transform-origin: 50% 50% -20px;
  }
  .btn-12 span:nth-child(2) {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
	-webkit-transform-origin: 50% 50% -20px;
	-moz-transform-origin: 50% 50% -20px;
	transform-origin: 50% 50% -20px;
  }
  .btn-12:hover span:nth-child(1) {
	box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
	 7px 7px 20px 0px rgba(0,0,0,.1),
	 4px 4px 5px 0px rgba(0,0,0,.1);
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
  }
  .btn-12:hover span:nth-child(2) {
	box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
	 7px 7px 20px 0px rgba(0,0,0,.1),
	 4px 4px 5px 0px rgba(0,0,0,.1);
   color: transparent;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
  }


  /* 121 */
.btn-121{
	position: relative;
	right: 20px;
	bottom: 20px;
	border:none;
	box-shadow: none;
	width: 130px;
	height: 40px;
	line-height: 42px;
	-webkit-perspective: 230px;
	perspective: 230px;
  }
  .btn-121 span {
	background: rgb(6, 109, 66);
  	background: linear-gradient(0deg, rgb(151, 216, 29) 0%, rgb(128, 24, 64) 100%);
	display: block;
	position: absolute;
	width: 130px;
	height: 40px;
	box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
	 7px 7px 20px 0px rgba(0,0,0,.1),
	 4px 4px 5px 0px rgba(0,0,0,.1);
	border-radius: 5px;
	margin:0;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
  }
  .btn-121 span:nth-child(1) {
	box-shadow:
	 -7px -7px 20px 0px #fff9,
	 -4px -4px 5px 0px #fff9,
	 7px 7px 20px 0px #0002,
	 4px 4px 5px 0px #0001;
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 50% 50% -20px;
	-moz-transform-origin: 50% 50% -20px;
	transform-origin: 50% 50% -20px;
  }
  .btn-121 span:nth-child(2) {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
	-webkit-transform-origin: 50% 50% -20px;
	-moz-transform-origin: 50% 50% -20px;
	transform-origin: 50% 50% -20px;
  }
  .btn-121:hover span:nth-child(1) {
	box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
	 7px 7px 20px 0px rgba(0,0,0,.1),
	 4px 4px 5px 0px rgba(0,0,0,.1);
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
  }
  .btn-121:hover span:nth-child(2) {
	box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
	 7px 7px 20px 0px rgba(0,0,0,.1),
	 4px 4px 5px 0px rgba(0,0,0,.1);
   color: transparent;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
  }




  /*hardware*/
  .btn-2 {
	background: rgb(96,9,240);
	background: linear-gradient(0deg, rgba(96,9,240,1) 0%, rgba(129,5,240,1) 100%);
	border: none;
	
  }
  .btn-2:before {
	height: 0%;
	width: 2px;
  }
  .btn-2:hover {
	box-shadow:  4px 4px 6px 0 rgba(255,255,255,.5),
				-4px -4px 6px 0 rgba(116, 125, 136, .5), 
	  inset -4px -4px 6px 0 rgba(255,255,255,.2),
	  inset 4px 4px 6px 0 rgba(0, 0, 0, .4);
  }
  
  .btn-21 {
	background: rgb(185, 190, 197);
	background: linear-gradient(0deg, rgb(207, 200, 218) 0%, rgb(178, 173, 182) 100%);
	border: none;
	
  }
  .btn-21:before {
	height: 0%;
	width: 2px;
  }
  .btn-21:hover {
	box-shadow:  4px 4px 6px 0 rgba(255,255,255,.5),
				-4px -4px 6px 0 rgba(116, 125, 136, .5), 
	  inset -4px -4px 6px 0 rgba(255,255,255,.2),
	  inset 4px 4px 6px 0 rgba(0, 0, 0, .4);
  }
  

  




	  

